/**
 *  学习目标：
 */
import React from 'react'

export default class App extends React.Component {
  state = {
    count: 1,
  }

  handleClick = () => {
    // 函数写法：所有的 count 更新会叠加运行
    this.setState((state) => {
      return { count: state.count + 1 }
    })

    this.setState((state) => {
      return { count: state.count + 2 }
    })

    this.setState((state) => {
      return { count: state.count + 3 }
    })

    console.log(this.state.count) // 1，不管什么写法 setState 都是异步的
  }

  render() {
    return (
      <>
        <h1>知识点标题</h1>
        {/* 🔔 视图结果为：7 */}
        <h2>count:{this.state.count}</h2>
        <button onClick={this.handleClick}>点击修改state</button>
      </>
    )
  }
}
